<template>
  <el-container>
    <el-row>
      <el-col>
        <h1>ChildTwo:{{ title }}</h1>
        <p>msg:{{ msg }}</p>
      </el-col>
    </el-row>
  </el-container>
</template>

<script>
import EventBus from '@/util/eventbus'

export default {
  data() {
    return {
      msg: 'abc....'
    }
  },
  props: ['title'],
  created() {
    // 监听一个自定义的事件：
    EventBus.$on('mymsg', value => {
      console.log('$on添加的事件')
      this.msg = value
    })
  }
  // 避免事件被反反复复的添加：
  // beforeDestroy() {
  //   EventBus.$off('mymsg')
  // }
}
</script>

<style></style>
